<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小米账号-登录</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/login.css">
    <link rel="shortcut icon" href="//s01.mifile.cn/favicon.ico" type="image/x-icon">
    <script src="./js/tools.js"></script>
    <script src="./node_modules/_jquery@3.6.0@jquery/dist/jquery.js"></script>
    <script src="./node_modules/_layui-layer@1.0.9@layui-layer/dist/layer.js"></script>
    <script src="./js/login.js"></script>
</head>
<body>
    <div id="wrap">
        <header id="header">
            <div class="container">
                <div class="login">
                    <a href="./index.html">小米商场</a>
                </div>
            </div>
        </header>
    
        <div id="banner">
            <a href="javascript:;" class="b-a">
                小米网
            </a>
            <div class="layout_panel container">

                <div class="layout">

                    <div class="main-content">

                        <div class="tabs-head">
                            <a href="javascript:;" class="tabs-links now">帐号登录</a>
                            <span class="line"></span>
                            <a href="javascript:;" class="tabs-links">扫码登录</a>
                        </div>

                        <div class="layout-box">

                            <div class="content">

                                <div class="input-lists">
                                    <input type="text" id="username" name="username" placeholder="邮箱/手机号码/小米ID" autocomplete="off">
                                    <input type="password" id="pwd" name="password" placeholder="密码" autocomplete="off">
                                </div>

                                <div class="error_message">
                                    <i class="iconfont icon-cuowu"></i>
                                    <span class="error">用户名或密码不正确</span>
                                </div>

                                <div class="btns_bg">
                                    <input class="btndl" id="login-button" type="button" value="登录">
                                </div>
                                
                                <div class="other_panel clearfix">
                                    <a class="btnadpt" href="javascript:;">手机短信登录/注册</a>
                                    <div class="reverse">
                                        <div class="n_links_area reg_forget_links reg-forget-links">
                                            <a class="outer-link" href="javascript:;">立即注册</a>
                                            <span>|</span>
                                            <a class="outer-link" href="javascript:;">忘记密码？</a>
                                        </div>
                                    </div>

                                    <div class="other_login_type">
                                        <div class="oth_type_links">
                                            <a class="type-qq" href="JavaScript:;" title="QQ登录">
                                                <i class="iconfont icon-logo-qq"></i>
                                            </a>
                                            <a class="type-weibo" href="JavaScript:;"  title="微博登录">
                                                <i class="iconfont icon-weibo"></i>
                                            </a>
                                            <a class="type-zfb" href="JavaScript:;"  title="支付宝登录">
                                                <i class="iconfont icon-alipay-circle-fill"></i>
                                            </a>
                                            <a class="type-weixin" href="JavaScript:;"  title="微信登录">
                                                <i class="iconfont icon-weixin"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                            </div>

                        </div>

                        <div class="ercode_area">
                            <div class="ercode_panel">
                                <div class="ercode_box">

                                    <div class="code_hd">
                                        <h3 class="code_tit">小米帐号扫码登录</h3>
                                        <p>请使用小米手机/米家等小米旗下APP扫码登录<span id="icon_help" class="icon_help"></span></p>
                                    </div>
                                    <div class="ercode_img"></div>
                                    <div class="custom_sub_txt">
                                        <p class="custom-qr-name">
                                            使用
                                            <span>小米商城APP</span>
                                            扫一扫
                                        </p>
                                        <p>小米手机可打开「设置」>「小米帐号」扫码登录</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                </div>

            </div>

        </div>
       
       <footer id="footer">
        <div class="container">
            <div class="links">
                <nav>
                    <a href="javascript:;">简体</a> |
                    <a href="javascript:;">繁体</a> |
                    <a href="javascript:;">English</a> |
                    <a href="javascript:;">常见问题</a> |
                    <a href="javascript:;">隐私政策</a>
                </nav>
            </div>
            <p class="info">
                小米公司版权所有-京ICP备10046444-<a href="javascript:;"><img src="http://" alt=""><span>京公网安备11010802020134号</span></a>-京ICP证110507号
            </p>
        </div>
    </footer> 
    </div>

    
</body>
</html>